﻿<div class="main-header">
    <h2>Knowledge Base</h2>
    <em>browse and search our knowledge base or open a support ticket</em>
</div>
<div class="main-content">
    <!-- KNOWLEDGE SEARCH BOX -->
    <form class="form-knowledge-search">
        <div class="input-group input-group-lg">
            <input type="search" placeholder="enter a search term" class="form-control">
            <span class="input-group-btn"><button class="btn btn-primary" type="button"><i class="fa fa-search"></i> Search</button></span>
        </div>
    </form>
    <!-- END KNOWLEDGE SEARCH BOX -->
    <div class="row">
        <!-- LEFT SIDE, MAIN CONTENT -->
        <div class="col-lg-9">
            <div class="row">
                <div class="col-md-5">
                    <div class="knowledge">
                        <h3><a href="#"><i class="fa fa-folder"></i> General <span class="pull-right">22</span></a></h3>
                        <ul class="list-unstyled">
                            <li><i class="fa fa-file-text-o pull-left pull-left"></i><a href="#">What is KINGADMIN admin dashboard?</a></li>
                            <li><i class="fa fa-file-text-o pull-left pull-left"></i><a href="#">How do I change my password?</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-5 col-md-offset-1">
                    <div class="knowledge">
                        <h3><a href="#"><i class="fa fa-folder"></i> Customer Support <span class="pull-right">15</span></a></h3>
                        <ul class="list-unstyled">
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Payment Problems</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Shopping Cart</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Discount Policy</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">How do I use promo code?</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-5">
                    <div class="knowledge">
                        <h3><a href="#"><i class="fa fa-folder"></i> Products <span class="pull-right">27</span></a></h3>
                        <ul class="list-unstyled">
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">How to review a product</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Recommend a product</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">I can't see the product stock</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Back Order</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-5 col-md-offset-1">
                    <div class="knowledge">
                        <h3><a href="#"><i class="fa fa-folder"></i> Shipping<span class="pull-right">14</span></a></h3>
                        <ul class="list-unstyled">
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Shipping Cost</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Shipping &amp; Warranty</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Where do we ship?</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">How can I find my shipping code?</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">How to track my shipping?</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-5">
                    <div class="knowledge">
                        <h3><a href="#"><i class="fa fa-folder"></i> Downloads <span class="pull-right">6</span></a></h3>
                        <ul class="list-unstyled">
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Find out downloadable products type.</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Where can I find the link for my digital product</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Link Expiration</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-5 col-md-offset-1">
                    <div class="knowledge">
                        <h3><a href="#"><i class="fa fa-folder"></i> Technical Support<span class="pull-right">17</span></a></h3>
                        <ul class="list-unstyled">
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Turn on my browser cookies</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">The page keeps reloading</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Report a broken link</a></li>
                            <li><i class="fa fa-file-text-o pull-left"></i><a href="#">Contact Technical Support</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="well well-lg knowledge-recent-popular">
                <div class="row">
                    <div class="col-md-6">
                        <h4>Most Popular</h4>
                        <ol>
                            <li><a href="#">I can't add otem to Shopping Cart, what should I do?</a></li>
                            <li><a href="#">Error When Uploading File</a></li>
                            <li><a href="#">How to Deposit Money?</a></li>
                        </ol>
                    </div>
                    <div class="col-md-6">
                        <h4>Recent Articles</h4>
                        <ol>
                            <li><a href="#">Avoid Any Type of Scam, Now!</a></li>
                            <li><a href="#">Update to Terms &amp; Agreements</a></li>
                            <li><a href="#">A Step-by-Step Guide to Participate in CSR Program</a></li>
                            <li><a href="#">Where Can I Find My Order History?</a></li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- END LEFT SIDE, MAIN CONTENT -->
        <!-- RIGHT SIDEBAR -->
        <div class="col-lg-3">
            <h3>Categories</h3>
            <ul class="nav nav-pills nav-stacked nav-categories">
                <li><a href="#">General <span class="badge pull-right">22</span></a></li>
                <li><a href="#">Customer Support <span class="badge pull-right">15</span></a></li>
                <li><a href="#">Downloads <span class="badge pull-right">6</span></a></li>
                <li><a href="#">Products <span class="badge pull-right">27</span></a></li>
                <li><a href="#">Buying <span class="badge pull-right">20</span></a></li>
                <li><a href="#">Shipping <span class="badge pull-right">14</span></a></li>
                <li><a href="#">Email <span class="badge pull-right">8</span></a></li>
                <li><a href="#">Technical Support <span class="badge pull-right">17</span></a></li>
            </ul>
            <div class="ticket-box">
                <p>Please submit a ticket only if you can't find a solution to your problem in our knowledge base</p>
                <a href="#" class="btn btn-primary">Open a Ticket</a>
            </div>
        </div>
        <!-- END RIGHT SIDEBAR -->
    </div>
</div>
<!-- /main-content -->
